﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ctrl-myTrails.ascx.cs" Inherits="userControls_ctrl_myTrails" %>
<%--<span class="arial__big_heading_font"> My Trails</span> <br />--%>


<table width="
.600" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="8" height="8" align="left" valign="top"><asp:Image ID="img71" runat="server" ImageUrl="~/images/box/white/round_box_top_left.png" Width="8" Height="8" /></td>
                    <td height="8" align="left" valign="top" style="background-color: White;"><asp:image ID="im81" runat="server" ImageUrl="images/box/white/round_box_top_repeater.png" Width="1" Height="8" /></td>
                    <td width="8" height="8" align="left" valign="top"><asp:Image ID="img24" runat="server" ImageUrl="~/images/box/white/round_box_top_right.png" Width="8" Height="8" /></td>
                  </tr>
                  <tr>
                    <td width="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="img91" runat="server" ImageUrl="~/images/box/white/round_box_left-08.png" Width="8" Height="2" /></td>
                    <td align="left" valign="top" bgcolor="#FFFFFF">
                    <table width="580" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td align="left" valign="top" class="arial_heading_font_blue_16 dotted_bottom_line">
                                <asp:Label ID="lblUsername" runat="server" />
                          </td>
                        </tr>
                        <tr>
                          <td align="left" valign="top">&nbsp;</td>
                        </tr>
                        <tr>
                          <td align="left" valign="top"><div style="padding:0px 10px; text-align:left; font-size:11px; line-height:25px;" > 
                             <span class="error"><asp:Literal ID="lbltrails" runat="server"></asp:Literal></span> 
                                <asp:HiddenField ID="hdnMyTrail" runat="server" />
                                <asp:HiddenField ID="hdnIsEdit" runat="server" />
                                <asp:DataList id="lstMyTrails" runat="server" RepeatColumns="3" RepeatDirection="Horizontal" ShowHeader="false" ShowFooter="false" OnItemDataBound="mytrails_databound">
                                    <ItemTemplate>
                                        <table border="0" cellpadding="5" cellspacing="0" width="100%">
                                            <tr>
                                                <td valign="top" align="left">
                                                <asp:Literal ID="ltrid" runat="server" Text='<%#Eval("id") %>' Visible="false"></asp:Literal>
                                                    <asp:Image ID="imgTrail" runat="server" BorderColor="#ababab" BorderStyle="Solid" BorderWidth="4px" ImageUrl="" />
                                                </td>
                                                <td>
                                                    <table border="0" cellpadding="2" cellspacing="0">
                                                        <tr>
                                                            <td colspan="2" align="left">
                                                                &nbsp;<asp:HyperLink ID="lblTrailName" NavigateUrl='<%#Eval("ID","~/UI/trail-details.aspx?TrailID={0}") %>' runat="server" CssClass="links" Text='<%#Eval("Name") %>'></asp:HyperLink>
                                                                &nbsp;&nbsp;<asp:HyperLink ID="hprEdit" NavigateUrl='<%#Eval("ID","~/UI/Trail.aspx?TrailID={0}") %>' runat="server" CssClass="links" Text='( Edit )'></asp:HyperLink>
                                                                
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td align="left" class="labelstyleBold">&nbsp;Location:</td>
                                                            <td align="left">
                                                                <asp:Label ID="lblLocation" runat="server" CssClass="labelstyleshort" Text='<%#Eval("LocationCountry") %>'></asp:Label>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td align="left" class="labelstyleBold" valign="top">&nbsp;GPS-coordinates:&nbsp;</td>
                                                            <td align="left">
                                                                <asp:Label ID="lblLocationLatitude" runat="server" CssClass="labelstyleshort" Text='<%#Eval("LocationLatitude") %>'></asp:Label>, <br />
                                                                <asp:Label ID="lblLocationLongitude" runat="server" CssClass="labelstyleshort"  Text='<%#Eval("LocationLongitude") %>'></asp:Label>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td align="left" class="labelstyleBold">&nbsp;Type of Trail:</td>
                                                            <td align="left">
                                                                <asp:Label ID="lblTypeOfTrail" runat="server" CssClass="labelstyleshort" Text='<%#Eval("Category") %>'></asp:Label>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td align="left" class="labelstyleBold">&nbsp;Length:</td>
                                                            <td align="left">
                                                                <asp:Label ID="lblLength" runat="server" CssClass="labelstyleshort" Text='<%#Eval("Length") %>'></asp:Label>
                                                            </td>
                                                        </tr>
                                                        <%--<tr>
                                                            <td colspan="2">
                                                            <asp:HyperLink ID="hprGrantPermission" NavigateUrl='<%#Eval("ID","~/UI/Permissions.aspx?TrailID={0}") %>' runat="server" CssClass="links" Text="Grant Permissions"></asp:HyperLink>
                                                            </td>
                                                        </tr>--%>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </ItemTemplate>
                                    <SeparatorTemplate>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</SeparatorTemplate>
                                </asp:DataList><br />
                                <span style="margin-left:400px;">
                                    <asp:HyperLink id="hrpmyrails" Text="VIEW MY TRAILS" runat="server" CssClass="links"></asp:HyperLink>
                                </span>                             
                           </div>
                           </td>
                        </tr>
                        <tr>
                          <td align="left" valign="top">&nbsp;</td>
                        </tr>
                    </table></td>
                    <td width="8" align="right" valign="top" style="background-color: White;"><asp:Image ID="img62" runat="server" ImageUrl="images/box/white/right.png" Width="8" Height="2" /></td>
                  </tr>
                  <tr>
                    <td width="8" height="8" align="left" valign="top"><asp:Image id="img42" runat="server" ImageUrl="~/images/box/white/round_box_bottom_left.png" Width="8" Height="8" /></td>
                    <td height="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="img52" runat="server" ImageUrl="~/images/box/white/round_box_bottom_repeater.png" Width="1" Height="8" /></td>
                    <td width="8" height="8" align="left" valign="top"><asp:Image id="img33" runat="server" ImageUrl="~/images/box/white/round_box_bottom_right.png" Width="8" Height="8" /></td>
                  </tr>
                </table>